<template>
	<view class="edition-intro">
		<image :src="config.logo" class="logo" />
		<h1> {{config.name}}</h1>
		<view class='version'>
			小程序版本: 1.0
		</view>

		<u-cell-group class="cell" :border="false">
			<u-cell-item title="证照信息" @click="navigateTo('')">
			</u-cell-item>
			<u-cell-item title="服务协议" @click="navigateTo('')"></u-cell-item>
			<u-cell-item title="隐私协议" @click="navigateTo('')"></u-cell-item>
			<u-cell-item title="关于我们" :border-bottom="false" @click="navigateTo('')">
			</u-cell-item>

		</u-cell-group>

		<view class="intro">
			<view>{{config.customerServiceMobile ? `客服热线：${config.customerServiceMobile}` :  ``}}</view>
			<view style="margin:20rpx 0 0 0;">
				{{config.customerServiceEmail ? `客服邮箱：${config.customerServiceEmail}` :  ``}}</view>

			<view>
				<view style="margin:20rpx 0; color:#003a8c;"
					@click="navigateTo('')">《{{config.name}}用户协议》</view>
				<view>CopyRight ©{{config.name}} </view>
			</view>
		</view>
	</view>
</template>

<script>
	import config from "@/config/config";
	
	export default {
		data() {
			return {
				config,
			
			};
		},
		onLoad() {
		
		},

		methods: {
			navigateTo(url) {
				uni.navigateTo({
					url,
				});
			},

		
		},
	};
</script>

<style lang="scss" scoped>
	page {
		background: #fff !important;
	}

	.cell {
		width: 90%;
		margin: 0 auto;
	}

	.edition-intro {
		min-height: 100vh;
		background: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		>h1 {
			margin: 20rpx 0 20rpx 0;
			letter-spacing: 2rpx;
		}

		>.version {
			font-size: 30rpx;
			margin-bottom: 100rpx;
		}
	}

	.intro {
		margin-top: 100rpx;
		font-size: 24rpx;
		letter-spacing: 2rpx;
	}

	.logo {
		width: 200rpx;
		height: 200rpx;
	}
</style>
